<!!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<!--meta还可以设置网页的关键字-->
		<meta name="keywords" content="HTML5,JavaScript" />
		<!--meta还可以指定网页的描述
			搜索引擎在检索页面时,会同时检索页面的关键词和描述
		-->
		<meta name="description" content="第一天学" />
		
		<!--meta还可以请求重定向
			"五秒后跳转..."
		-->
		<meta http-equiv="refresh" content="100;url=http://www.baidu.com" />
		<!--
			其中100是在当前网页停留时间(s)
		-->
		
		<title>
			这是一个网页
		</title>
	</head>
	<body>
		<a href="#bottom">去底部</a>
		<h1>我的<font color = "red"  size="">第一个</font>网页</h1>
		<h2>我的<font color = "orange"  size="">第一个</font>网页</h2>
		<h3>我的<font color = "yellow"  size="">第一个</font>网页</h3>
		<h4>我的<font color = "green"  size="">第一个</font>网页</h4>
		<h5>我的<font color = "skyblue"  size="">第一个</font>网页</h5>
		<h6>我的<font color = "blue"  size="">第一个</font>网页</h6>
		<h6>我的<font color = "purple"  size="">第一个</font>网页</h6>
		<p>这是一段落1</p> <p>这是一段落2</p>
		<p>这是一段落3</p>
		这是一段落4
		这是一段落5
		<p>
			<center>这是一段落6</center>
			
			这是一段落6
			这是一段落6 <br />
			这是一段落7 <br />
			这是一段落7 
		</p>
		<!-- <p></p>标签里的换行不会显示,要用<br/>标签换行-->
		<hr />
		<hr /> <!--<hr>是水平线标签-->
		
		<!--在HTML中,如<>这种符号是不能直接使用的,要用转义字符
			转移字符语法:
				&实体的名字;
					< &lt;
					> &gt;
					空格 &nbsp;
					版权符号 &copy;
		-->
		<p>a&lt;b&gt;c</p>
		<p>&nbsp;&copy;</p>
		
		<!--内联框架-->
		<iframe src="demo2/demo2.html" name="lsp"></iframe>
		
		<!--
			超链接,可以点击跳转
			属性:
				href:跳转地址
				target:链接打开的位置
					_self 当前标签页
					_blank 在新窗口打开
					设置成一个内联框架的name属性值
				
		-->
		<br>
		<a href="http://www.baidu.com" target="_blank">这是一个超链接</a>
		<br>
		<a href="E:\HTML+CSS+JavaScript\demo2\demo2.html" target="_self">这是第二个个超链接</a>
		<br>
		<a href="http://www.4399.com" target="lsp">这是第二个个超链接</a>
		<!--每个元素都可以设置一个互不相同的id作为标识符,可以用于定位-->
		<a href="#" id="bottom">回到顶部</a> 
		<!--#会回到顶部-->
		
		
		
	</body>
</html>